{template 'common/header'}
<title>体验会</title>
<style type="text/css">
    *{margin:auto;}
    body {margin:0; font-family:'微软雅黑'; background:#fff;}
    a:link,a:visited,a:active{color:#000;text-decoration:none;}
    a{ text-decoration: none;}
    .title{width:100%;height:150px;margin-bottom:30px;background: url('../addons/ewei_shop/template/mobile/default/static/images/jiameng/head3.jpg') no-repeat 0 0;background-size:100% 150px;float:left;}
    .title .join{width:90%;height:50px;margin-top:80px;}
    .title .join1{width:150px;height:40px;color:#fff;float:left;border-radius:10px;text-align:center;line-height:40px;border:1px solid #fff;}
    .title .join1-on{width:150px;height:40px;background:#fff;color:#FF80AB;float:left;border-radius:10px;text-align:center;line-height:40px;}
    .title .join2{width:150px;height:40px;color:#fff;float:right;border-radius:10px;text-align:center;line-height:40px;border:1px solid #fff;}
    .title .join2-on{width:150px;height:40px;background:#fff;color:#FF80AB;float:right;border-radius:10px;text-align:center;line-height:40px;border:1px solid #fff;}
    .content{width:100%;height:100px;margin-top:10px;background:#fff;float:left;}
    .content a{display:inline-block;width:100%;height:100px;}
    .content-img{width:25%;height:90px;float:left;margin-right:2%;margin-left:2%;}
    .content-img img{width:100%;height:100%;}
    .content-title{width:70%;height:100px;text-align:left;float:right;border-bottom:1px solid #E8E9F0;}
    .content-neirong{width:80%;height:100px;float:left;}
    .content-con{width:15%;height:100px;line-height:100px;float:left;}
    .content-title1{width:100%;height:20px;font-size:12px;float:left;line-height:20px;color:#949494;margin-top:20px;}
    .content-title2{width:100%;height:30px;font-size:20px;float:left;line-height:30px;color:#000;font-weight:bold;}
    .content-title3{width:100%;height:30px;font-size:10px;float:left;color:#9BA1AB;}
    .content-ab{width:20px;height:20px;background:#fff;line-height:20px;text-align:center;border-radius:20px;color:#000;margin-top:40px;margin-left:10px;}
    .empty{width:100%;height:50px;color:#ccc;text-align:center;}
</style>
<div id='container'></div>
<div class="title">
    <div class='join'>
        <div {if $_GPC['type']==0}class='join1-on'{else}class='join1'{/if} onclick='window.location.href="{php echo $this->createMobileUrl('franchise/list',array('op'=>'experience_meeting','product'=>$_GPC['id'],'type'=>0))}"'>全部</div>
        <div {if $_GPC['type']==1}class='join2-on'{else}class='join2'{/if} onclick='window.location.href="{php echo $this->createMobileUrl('franchise/list',array('op'=>'experience_meeting','product'=>$_GPC['id'],'type'=>1))}"'>已报名</div>
    </div>
</div>
{if !empty($meeting)}
{loop $meeting $row}
<div class="content">
    <a href="{php echo $this->createMobileUrl('franchise/list',array('op'=>'meeting_detail','meeting_id'=>$row['id']))}">
        <div class="content-img"><img src="http://oss-cn-shenzhen.aliyuncs.com/weixin-lanxue/{$row['thumb']}"></div>
        <div class="content-title">
            <div class='content-neirong'>
                <div class="content-title1">{$row['description']}</div>
                <div class="content-title2">{$row['title']}</div>
                <div class="content-title3">{php echo date('Y-m-d',$row['starttime']);}</div>
            </div>
            <div class="content-con">
                <div class="content-ab">></div>
            </div>
        </div>
    </a>
</div>
{/loop}
{else}
<div class='empty'>没有会议记录！</div>
{/if}
{template 'common/footer'}